<!DOCTYPE html>
<html lang="zh-cn" color-mode="light">

  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="keywords" content="" />
  <meta name="author" content="郁涛丶" />
  <meta name="description" content="" />
  
  
  <title>
    
      关于读研or就业，还有理想 
      
      
      |
    
     郁涛丶&#39;s Blog
  </title>

  
    <link rel="apple-touch-icon" href="/images/favicon.png">
    <link rel="icon" href="/images/favicon.png">
  

  <!-- Raleway-Font -->
  <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">

  <!-- hexo site css -->
  
<link rel="stylesheet" href="/css/color-scheme.css">
<link rel="stylesheet" href="/css/base.css">
<link rel="stylesheet" href="//at.alicdn.com/t/font_1886449_67xjft27j1l.css">
<link rel="stylesheet" href="/css/github-markdown.css">
<link rel="stylesheet" href="/css/highlight.css">
<link rel="stylesheet" href="/css/comments.css">

  <!-- 代码块风格 -->
  
    
<link rel="stylesheet" href="/css/figcaption/mac-block.css">

  

  <!-- jquery3.3.1 -->
  
    <script defer type="text/javascript" src="/plugins/jquery.min.js"></script>
  

  <!-- fancybox -->
  
    <link href="/plugins/jquery.fancybox.min.css" rel="stylesheet">
    <script defer type="text/javascript" src="/plugins/jquery.fancybox.min.js"></script>
  
  
<script src="/js/fancybox.js"></script>


  

  <script>
    var html = document.documentElement
    const colorMode = localStorage.getItem('color-mode')
    if (colorMode) {
      document.documentElement.setAttribute('color-mode', colorMode)
    }
  </script>
<!-- hexo injector head_end start -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hexo-math@4.0.0/dist/style.css">
<!-- hexo injector head_end end --><meta name="generator" content="Hexo 5.4.0"><link rel="alternate" href="/atom.xml" title="郁涛丶's Blog" type="application/atom+xml">
</head>


  <body>
    <div id="app">
      <div class="header">
  <div class="avatar">
    <a href="/">
      <!-- 头像取消懒加载，添加no-lazy -->
      
        <img src="/images/avatar.png" alt="">
      
    </a>
    <div class="nickname"><a href="/">Ghostasky</a></div>
  </div>
  <div class="navbar">
    <ul>
      
        <li class="nav-item" data-path="/">
          <a href="/">Home</a>
        </li>
      
        <li class="nav-item" data-path="/archives/">
          <a href="/archives/">Archives</a>
        </li>
      
        <li class="nav-item" data-path="/categories/">
          <a href="/categories/">Categories</a>
        </li>
      
        <li class="nav-item" data-path="/tags/">
          <a href="/tags/">Tags</a>
        </li>
      
        <li class="nav-item" data-path="/about/">
          <a href="/about/">About</a>
        </li>
      
    </ul>
  </div>
</div>


<script src="/js/activeNav.js"></script>



      <div class="flex-container">
        <!-- 文章详情页，展示文章具体内容，url形式：https://yoursite/文章标题/ -->
<!-- 同时为「标签tag」，「朋友friend」，「分类categories」，「关于about」页面的承载页面，具体展示取决于page.type -->


    <!-- LaTex Display -->

  
    <script async type="text/javascript" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
  
  <script>
    MathJax = {
      tex: {
        inlineMath: [['$', '$'], ['\\(', '\\)']]
      }
    }
  </script>


        
            
                <!-- clipboard -->

  
    <script async type="text/javascript" src="/plugins/clipboard.min.js"></script>
  
  
<script src="/js/codeCopy.js"></script>



                    
                        
                                
                                        
                                                
                                                        
                                                            <!-- 文章内容页 url形式：https://yoursite/文章标题/ -->
                                                            <div class="container post-details" id="post-details">
                                                                <div class="post-content">
                                                                    <div class="post-title">
                                                                        关于读研or就业，还有理想
                                                                    </div>
                                                                    <div class="post-attach">
                                                                        <span class="post-pubtime">
        <i class="iconfont icon-updatetime" title="Update time"></i>
        2022-07-12
      </span>

                                                                        <span class="post-pubtime"> 本文共22字 </span>

                                                                        <span class="post-pubtime">
        大约需要1min
      </span>

                                                                        
                                                                                    <span class="post-categories">
        <i class="iconfont icon-bookmark" title="Categories"></i>
        
        <span class="span--category">
          <a href="/categories/Life/" title="Life">
            <b>#</b> Life
          </a>
        </span>
                                                                                    
                                                                                        </span>
                                                                                        
                                                                            <span class="post-tags">
        <i class="iconfont icon-tags" title="Tags"></i>
        
        <span class="span--tag">
          <a href="/tags/Life/" title="Life">
            <b>#</b> Life
          </a>
        </span>
                                                                            
                                                                                </span>
                                                                                
                                                                    </div>
                                                                    <div class="markdown-body">
                                                                        <div class="hbe hbe-container" id="hexo-blog-encrypt" data-wpm="风中传来苦咸，是悔恨的气味吗?" data-whm="抱歉, 这个文章不能被校验, 不过您还是能看看解密后的内容.">
  <script id="hbeData" type="hbeData" data-hmacdigest="a6379063659944aec81dd60a2c0b365a30eb6b5a737cb18e58b4fc32f2a6abaa">f045e053d6254bea7b0b1b710a9b6ff6165992db4cb1ab57008c3dfef6d7704fd4d5d053485ab0d4ec1cc06a19398d5d2de9fcb5cdacc4e5a0402d94b4f29b0fe645b1572b2410e68717f043c4b82d0b489cedfb1d0c55d0100da84211418a589eaace5c453e4e2b2312ca481bac3c479e6c45ecdf68a49b440030ddb1102d0f6625c2f32eccc94ff32fb5c974a3f8ee004566b5db3e91da8f4d9f85819f7969fda9a230e27391ee8ec44ed29d0b0bff0c1a94199a45870eca87c37a70617ba3b14d4ceb7f889b20a08a4254023ec028235967c47ce09f357d8c8fd9c0f0f7a4bf14600fc76039af23ae84a2ae696c2a66f6e89ae283f449891a577b3f2dc8ea77f859d0eb389c8ccf4fa0de9e0a4be497ca50d4bc1ddd50dc62ca221a0a19de83b0cde07165bf95a2e4ab6974008840892f2361d46a67ed996954debeb4fd7920262f67af567a9e9f0489ba1cc789787170a2ed39412416deb5a89b182ae90c96c65559992305ad14b9f10a2b0ca9375b57d55f5960ec8ec5b560fffb6ec45dcece5f9416bc984f05489378138374eb419eaf13a5416e65182cd5781d79098124a3da3347ab3295ee9d7655762851766d82aaa6172f31e4c3641eaa424ac539283e78021ca6993f83115a04a357d75c87a2ddf513366fec1a7f659aa7d8bd622526c7548137cbedf76b6b379928a0baaf39c1c0ece075b0f3d8d7d086c8162d181cbb2e19c1f7907ad439f9398fb7259ac34543a687dcfaa878ba445187e9eed7801ee719f38b8733455d09aa05d02b8067238848328d491b0b7347a177dcde6f7a133034f6a259d32640b1991c1489ef81b3e15b4d94d5bc782fc31f0242817e2be8f17be29aa967203474520279a0e86d748baec6f358b66a6a40a706a95f4addf0d10bcb96b7ef5be52800eed181ef3b4ce92e7b2a92995672a9da92bbf3ac466f86a6520f8c2490e1acca15451c1561596309eaea3cff7b2e83f411b51ddcfa63990be3092e2e931a0466c8dce685373b46218ebd5584632939ae7a2414e93774bfa223a2c1592e1fbb531f8d5766c693fed370c77a56970ba8ee06357c88b0cde047bf3488bd04106f79de5fc6a2705b4588f436dcd2a52311589f52291c5a1411dc8230411da0a296428a286aafc32e7ca9058bd99bfb8db90084a044140cb41974bfd6b0df4951c348d7a816ab2ed13780a3a04a5d2f9acc8e5bea018d0bd2d6e761edff62f24175d37e9e891f78ed900136f310ec2ad2eefc5c1646fcf4ea1845fe3790a7b847210e8f2322670b8bdb839691cee8a455671dbf7dc879a15a0769617a4b8542c5a4ce263d840b1347c2d5df59e17627f5fd471f5493fa205610ead4998521218aa012c56893bef5d2a89c25dd0ea9258eaf1784d20e6221652ab328ed2595a9b733ce3bc3312a7d1a6a7d19f964782023082aad7a5d269987e17d61733a88eb102652d05e77b6cf30b1e5acba2958a1ccd0b4bb2b78912065759834dd77839fcdc8a9e0d0eef802b7c30b4bae40f79f409135f9ade4a14f59d0d72914eaacbbde9d133e1d88d4427252a5779c2dbad8ee6de7eafa091be8d701eb271b18d35b04619f38ec7b33645cbd8dd14b36b08f3f469476b82fdb10869c0560719a2879a574496223086313ec293463fa0edde56a91106868a6b79f68e4c47c7470c82068c4e3ce3d605668e9cf5156d9331cc7566a03eab447210984c7f6907a8fad4a395cacbec9fe7274545ea2462e315447cca9149c277f5cb0094d77381ec5fba2f99bce3d23644ce5eb02ab13a233613b7a6612a9289d2622d421be72a3a5eed1f86761201de6cf4c3e57bb4e6729480145edf05932cdbf15b2411ec69856657529a76fa46e62082aa67d90ea3b2ba1a33c628b8f0a719df040399ebbcee3bc13fe021fa645d281e03fe56593c4e1bb2ad86dadbca90f91fd9436966abaa81149dade65d9b0a0f80270e518af8045bf0fafc177b7b41d40e30dbc5396030f35a0f78386b66bf3793d1c5f98c5aaa15e57488ce412732830e80b2b0428a54df022aa14408aabde84e4ff9ee3a79c112e3ec27a4b63bdf3e377e07d26b09fa8e001593cc2828f315500bdb1a7157f01d46a107dd6bb03d75ee1c3cc98984db7d9ba5b558cc8638d1df95466485d2b6269d8dabd84e9c9f7728e023d57e319bd70611a9a413ec782251b32d0931061ba065823087ea648acc434b046fa9a15eb46a7752eadbec1cb063004993103b6650f5031e08c36131cf04745f73f93916e187d881dbf42e21799c722bc6e58e23bd758cc3b8948d78c98e06b2b3d159afb82da8b03239875ec34179ed5a589aedc7589f2df59eb71ae3b5bce8bed2a6dec0e62c571fdf9dd7604b6ecfa61e2771d66e6781f9c84c7fe0ebd88577f47482cc0cbfd0751276593620e44cde0dcc34f0c240f183f556f5a69d6f96e428f59cf569a01754e71cc9e055a557136c321860033ffe5a2eedfb698c778dfb4842770f606351871ca47e34f0fab12fa462754ea27c2d8201e09cca506c7ce4729e0833cc57c5d598b4df930f70a2d5677bb72a81404ea727db4edb16f72de19fbc2d10d20bf41a20ea111a7c825b9daedeed4e126957602432128dbeb7d69eedad6ae67929bc3d18dd83842bfefb36055494db6ded126e67f11c58b33281d6fe901edb019ec87b1a6a719edb677d95efaa12139258163bf76175ef9d637719fa92470bb93f4e004dd4648dc6391bb029fdfaf22a2b2eb4a69c649a923bc061449fa0857c5b0349dc10e9238ff5fce8909e256e98e7d0cc1d8c1f2cf054f9fe1d6d9cdfb80d2c19288394269054017eac7e61d2f454435762523255bc31d9558e62082fbe9b198548a208e1f81fb1944d4059e08dba0d320b9fe1a901964b445121b91002bae377e32d69b9f770a3c00e7711fb4f5402554892d99ce97fdcba0232203efe7adb678b24751c37b16f0e9b9faced3919b9cf34d21fbbe38477dd0bedd0817c00310849923d0e6c25bd1eb8bdc622df9e9cb714f79b5cba1f38723ca70f62f2560480a8231fa1fdefee09ad51b81807dae27aa6c687c6abcf46561ef996050159af497295c13efd03cd8509d530aa1fe817e3cdd406f8aedd03c41158923bea5cb0dda6cf3ddd455c1a5643edc6dfd42c5be8929c6843362e72f591c387e234dddf51d762b20899b7d7fd7564ca995375cf7548f4fdd228082e856493c98c5bc02b2e9497121e332f5314d90ff4f826d8cad4577e6b08f64c4c1bac059230020522b4e561e0dfe34079d5c8732362d31055d74752463ee179267ebc3a9d3cf57640f833570074bdbc2dfaef0351286feef23a2d93d843b6cf1fcaf69c2fc34baaf8568b3022ea770d04633345a6846fb429909666bfadfd352e65f6afc69af149fce090a0c35a4ea74cabfceaa2f81eb89a0716b85f70880c67c0a9158ee2ab26d33294dc73ac524a9643cbc2200a7be2cca863fcc2c48e69191e3b1ba6df4fef5e54f33449f3e6b0ea6d2c90832373c91940aea6bf5db93d204a53803b29b1ed3af08b41a6a9c0a345b6c2338adfce8a342c089ba27961d29be268e0a144fd98baac3cb842bfbfa296426da498cd2ecbc90dbda7f8606eea6bedbac80bf20ececd2172d68024767694b7a73f34980d674b07023aeb21cfa407f355e237bf8cb63c1d533e4cb15414ac6367ae523c67b189b3a8d7d26d648e08febc3cda064ce74e7b4248ded011077ca4e165ee58d74a10b670d922c05004fb5d4af2347efb3d84d012c1fba66c6afdbca6c5fccea0a220138b3f952972c18f5b34994fa2ef689d4ee39152f07e354343eefd4f17790271fa97337bfba99ff304f27452923c9f3d0521d0800bee03c207c458cc04b0c48e7061b42a85d365fa0ab78aceec492df7b2ae5bbb7a180052292301bb4f29a8361098c5b67ca69248b16798821669de7cf69065238faef4f4423b6040c74082caf2ff944962a2eab063a0e3efe9374edd02ea383de56fbcde488176c1ec334b121098dea4b30972e9d5fbb57a9f7b9a0fb58069f8492186a0910e4f41df9b439bea2af534c0e823e4a527c7888a6c18ec99b190f7f1c5014a4a80c5f69f1e500728e95488b90e3414dad751f6dd6b88075875ee0bfe0139aff7856be9cc910628fdec6549c34681c783a0566feb213c1f05f5c2ee5c22f5744eeb4d13cc688785bab7f20b3c91c3fe7e1cfb3b305e55515ca4f0ed33f3f262ec795015d62fff29a5491df1909bf153e8b2aaeea90d8e18b282c16b664641faa277c4a05a6b604f290990ba55d58543b2155f86fa4f6a6c8559a8d896d61addca53801a7fbc5b3c0e7f6f6a859aababd54fdbdf2ecf01f52b10dfe3d6ea077a4e3683a8a17c61298151460be8e59fe402cdabc2574363a5662429699d6afbca8d676e6e6514e91c1553c35148ab54999eeb688babc7070cd908b7b64add1e19f02771148691efcfdc224c18c35cb0a58544d6494d7ef53a7fb469fb24c7e79f3d21938416e2e34c95e3031f510979668a68fd5b3e16f415461e139f398a1dd54c0d0bbe5867885420fc689418b6de3266cede8af522cbd8fe55f47278aa328d0e7f1c7f378ef1a9b80cdecb88ddcc44b352271a5571aa7c3ad15afdbc57f55d84eb2f9614d2ef3a8674c93401f1ea3421326664a803c4306e6d0591c62753c16cd0382ab090e35a94b4f12dadae52ed50d7eda17ba8a941e96c01eab699732827fba1c9be7b85ea97019e99a1078a99e746e7c49c5dad519fa1d77972f869e5367964b91558549fb72687dd00051cac907bbf11e16e45a6526354dccdb5c8741259ce397c1acbe4a652d253af1c7e9cd3a5cff6c225070c125a9287667d2a5058b955bf94cd442718b8296adab186b51ab02564a2b8fb940fa0979789c17431de3c9d13a1e01553ae331376be88fd40730f532c2218b044f7e8e2f7f0f61df006107d9545c30b87f4d37f8079e5a372b29d2d7ea00484ccc8b974fc2f841a1f527c887590c96c79ec16f63d40628930b300cf8bcfcfa3acd8aa928661dc46e82698803600690946871056284c1fc9cde329a58467b4abff394659965ff133e5bc411b8dea4e3d2eff6a245ebd16ff63bcbc50faf78bb06fcf9bfcdce60c1d08d36a7f5e73e227d2c2613acb6dba104e93bd29fa13086cf9a1bedc7590cae02cb4b1213417a7f2f1377515ec041dd2453983164c655831c04505e7094f94c30252dda1bed218e6066dab077a21645cfb24f25208aae3cb86fe6824628bcc06f719978f9b1f19d8bef22e771292c4e87119fb70f54a3f81078ccef0480a8472ce90928644dd4822799e31b2878376a821975bbf9eb9a59517a1fa1fb7f7e11f8f29069a97c945d8aac0138e86793a82a2a90ddaa54f5e76661da7d9740f9054110b2dfbd324a04a2720df53612e460f0e04374b2bca83ecf43e58bfdc0558d645f9e328a815b9c713f19a88c517f76b7303d45e45191fff9c23eb71a56ecb803cc116edc9ed9f95187cb378512695b8e816764d29821ddfd4e5f57c70eb550cfe02b77ab15d6b0ab1b5e8c2f14dd09095edd71cdf0fc9a3b82d50bed362f081356ecf5f2a7e9a4e1b68927c87a9f41deb7a1c5e59d08ce6b9eaf1d12f56b9d3574e1b46990705b1634175d2baa585b9a7ec5541cd940204694ba0f2fb4b77c0cd4de66848f73466dde735e361f5987465855a4cded23ec92de3cf0e99b02d9ba4d1d6fa93ee8ab99a0d0868cd4c4ffd1df59f2a19a0e4b3b6d55f1185c9e2de448f45cc562dc84e7a592931f786341eaaff042ae6b1c76b9ee5ad1ea285f84f6c93b6cc21949f179956e1e7e282f0e8ba08c5c2c8cd176a3de52800edd23cbb831cd4ec1204c4157ebf6866d104f46625152caf753cb59a13a7a402f48ebd1764f36bec5e06f74127f37938ef414ed69202ab03a6073618ee7e64143d6418e6843e4da0cc2895dc3dc30844ad62484160c8418f3996ec02ec582c23daa7d3ee3b2ac83f7ee1361cc36f1370136af48a520ff62a1a92161195ac504e6bb0f0746c33f73787a99e8b337e3bb8abc5662c1a63ec449947fa329cda4e508030b98f6a2251b74455ef8ed6db27ea0501035d8195503d59c70b4679fa17d85a37085f658f7c2bee258413cdcb7a8ed0ca19650e051553a95593773ecc0c1187cb16f777ef3189e220e4fb6c2c9e632750d614f9fa7966bffb02d8a1a9b5eacf78f5118e6e12a9b87f7e2e10832e5c3374f5a430c0e20084c8e49153ce52a17c9adea50364f05146f7cda01c92fd1e7f15a77a6502d5877a2964e6d54b5aa70730ab9c706e42f452b72dbcec358d6f203a502a278436c8ff75da2d286bfbc5e22d5a0dc28dc36ab48af9249b61a443baa60b3c7c8899daf7212595fd1da4125153ba6b08fa2fa17db878012633a52acf7607839fc37659aaba71621dc6f02272f57b78d733e434950016ceafb895bd089aceb1a395975ff1e649ce851c225225159fcd6a448329888ba9532f3a1f352a7cc8aea5403027853ecf490c1ccac1111b94ef8e6b48fc18605cf260cd9c82dc97c9580400b713544d42ce920cc50ad332724932f52205c6d44c2ed33e3ea0b8fa7aa61e5ca72d5e2aa40db6f8af15d101e227a0e42a79f93c51578c9c46a60655ae762a2ae111af0b31f62e38404472f</script>
  <div class="hbe hbe-content">
    <div class="hbe hbe-input hbe-input-wave">
      <input class="hbe hbe-input-field hbe-input-field-wave" type="password" id="hbePass">
      <label class="hbe hbe-input-label hbe-input-label-wave" for="hbePass">
        <span class="hbe hbe-input-label-content hbe-input-label-content-wave">坟墓里寂静无比，埋葬你的是所有你没说出口的话</span>
      </label>
      <svg class="hbe hbe-graphic hbe-graphic-wave" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
      </svg>
    </div>
  </div>
</div>
<script data-pjax src="/lib/hbe.js"></script><link href="/css/hbe.style.css" rel="stylesheet" type="text/css">
                                                                    </div>
                                                                    
                                                                        <div class="prev-or-next">
                                                                            <div class="post-foot-next">
                                                                                
                                                                                    <a href="/2022/07/12/XV6/" target="_self">
                                                                                        <i class="iconfont icon-chevronleft"></i>
                                                                                        <span>Prev</span>
                                                                                    </a>
                                                                                    
                                                                            </div>
                                                                            <div class="post-attach">
                                                                                <!-- <span class="post-pubtime">
              <i class="iconfont icon-updatetime" title="Update time"></i>
              2022-07-12
            </span> -->

                                                                                
                                                                                            <span class="post-categories">
          <!-- <i class="iconfont icon-bookmark" title="Categories"></i> -->
          
          <!-- <span class="span--category">
            <a href="/categories/Life/" title="Life">
              <b>#</b> Life
            </a>
          </span> -->
                                                                                            
                                                                                                </span>
                                                                                                
                                                                                    <span class="post-tags">
          <!-- <i class="iconfont icon-tags" title="Tags"></i> -->
          
          <!-- <span class="span--tag">
            <a href="/tags/Life/" title="Life">
              <b>#</b> Life
            </a>
          </span> -->
                                                                                    
                                                                                        </span>
                                                                                        
                                                                            </div>
                                                                            <div class="post-foot-prev">
                                                                                
                                                                                    <a href="/2022/07/22/Javasec-URL/" target="_self">
                                                                                        <span>Next</span>
                                                                                        <i class="iconfont icon-chevronright"></i>
                                                                                    </a>
                                                                                    
                                                                            </div>
                                                                        </div>
                                                                        
                                                                </div>
                                                                
  <div id="btn-catalog" class="btn-catalog">
    <i class="iconfont icon-catalog"></i>
  </div>
  <div class="post-catalog hidden" id="catalog">
    <div class="title">Contents</div>
    <div class="catalog-content">
      
        <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%85%B3%E4%BA%8E%E8%AF%BB%E7%A0%94%E4%B8%8E%E5%B0%B1%E4%B8%9A"><span class="toc-text">关于读研与就业</span></a></li><li class="toc-item toc-level-1"><a class="toc-link" href="#%E5%85%B3%E4%BA%8E%E7%90%86%E6%83%B3"><span class="toc-text">关于理想</span></a></li></ol>
      
    </div>
  </div>

  
<script src="/js/catalog.js"></script>




                                                                    
                                                                        <div class="comments-container">
                                                                            







                                                                        </div>
                                                                        
                                                            </div>
                                                            
        
<div class="footer">
  <div class="social">
    <ul>
      
        <li>
          <a title="github" target="_blank" rel="noopener" href="https://github.com/Ghostasky">
            <i class="iconfont icon-github"></i>
          </a>
        </li>
      
        <li>
          <a title="twitter" target="_blank" rel="noopener" href="https://twitter.com/ghostasky">
            <i class="iconfont icon-twitter"></i>
          </a>
        </li>
      
    </ul>
  </div>
  
    
    <div class="footer-more">
      
        <a target="_blank" rel="noopener" href="https://github.com/Ghostasky">怕什么真理无穷，进一寸有进一寸的欢喜。</a>
        
    </div>
  
    
    <div class="footer-more">
      
        <a target="_blank" rel="noopener" href="https://github.com/zchengsite/hexo-theme-oranges">Copyright © 2022 Oranges</a>
        
    </div>
  
    
    <div class="footer-more">
      
        <a target="_blank" rel="noopener" href="https://github.com/zchengsite/hexo-theme-oranges">Theme by Oranges | Powered by Hexo</a>
        
    </div>
  
</div>

      </div>

      <div class="tools-bar">
        <div class="back-to-top tools-bar-item hidden">
  <a href="javascript: void(0)">
    <i class="iconfont icon-chevronup"></i>
  </a>
</div>


<script src="/js/backtotop.js"></script>



        
  <div class="search-icon tools-bar-item" id="search-icon">
    <a href="javascript: void(0)">
      <i class="iconfont icon-search"></i>
    </a>
  </div>

  <div class="search-overlay hidden">
    <div class="search-content" tabindex="0">
      <div class="search-title">
        <span class="search-icon-input">
          <a href="javascript: void(0)">
            <i class="iconfont icon-search"></i>
          </a>
        </span>
        
          <input type="text" class="search-input" id="search-input" placeholder="Search...">
        
        <span class="search-close-icon" id="search-close-icon">
          <a href="javascript: void(0)">
            <i class="iconfont icon-close"></i>
          </a>
        </span>
      </div>
      <div class="search-result" id="search-result"></div>
    </div>
  </div>

  <script type="text/javascript">
    var inputArea = document.querySelector("#search-input")
    var searchOverlayArea = document.querySelector(".search-overlay")

    inputArea.onclick = function() {
      getSearchFile()
      this.onclick = null
    }

    inputArea.onkeydown = function() {
      if(event.keyCode == 13)
        return false
    }

    function openOrHideSearchContent() {
      let isHidden = searchOverlayArea.classList.contains('hidden')
      if (isHidden) {
        searchOverlayArea.classList.remove('hidden')
        document.body.classList.add('hidden')
        // inputArea.focus()
      } else {
        searchOverlayArea.classList.add('hidden')
        document.body.classList.remove('hidden')
      }
    }

    function blurSearchContent(e) {
      if (e.target === searchOverlayArea) {
        openOrHideSearchContent()
      }
    }

    document.querySelector("#search-icon").addEventListener("click", openOrHideSearchContent, false)
    document.querySelector("#search-close-icon").addEventListener("click", openOrHideSearchContent, false)
    searchOverlayArea.addEventListener("click", blurSearchContent, false)

    var searchFunc = function (path, search_id, content_id) {
      'use strict';
      var $input = document.getElementById(search_id);
      var $resultContent = document.getElementById(content_id);
      $resultContent.innerHTML = "<ul><span class='local-search-empty'>First search, index file loading, please wait...<span></ul>";
      $.ajax({
        // 0x01. load xml file
        url: path,
        dataType: "xml",
        success: function (xmlResponse) {
          // 0x02. parse xml file
          var datas = $("entry", xmlResponse).map(function () {
            return {
              title: $("title", this).text(),
              content: $("content", this).text(),
              url: $("url", this).text()
            };
          }).get();
          $resultContent.innerHTML = "";

          $input.addEventListener('input', function () {
            // 0x03. parse query to keywords list
            var str = '<ul class=\"search-result-list\">';
            var keywords = this.value.trim().toLowerCase().split(/[\s\-]+/);
            $resultContent.innerHTML = "";
            if (this.value.trim().length <= 0) {
              return;
            }
            // 0x04. perform local searching
            datas.forEach(function (data) {
              var isMatch = true;
              var content_index = [];
              if (!data.title || data.title.trim() === '') {
                data.title = "Untitled";
              }
              var orig_data_title = data.title.trim();
              var data_title = orig_data_title.toLowerCase();
              var orig_data_content = data.content.trim().replace(/<[^>]+>/g, "");
              var data_content = orig_data_content.toLowerCase();
              var data_url = data.url;
              var index_title = -1;
              var index_content = -1;
              var first_occur = -1;
              // only match artiles with not empty contents
              if (data_content !== '') {
                keywords.forEach(function (keyword, i) {
                  index_title = data_title.indexOf(keyword);
                  index_content = data_content.indexOf(keyword);

                  if (index_title < 0 && index_content < 0) {
                    isMatch = false;
                  } else {
                    if (index_content < 0) {
                      index_content = 0;
                    }
                    if (i == 0) {
                      first_occur = index_content;
                    }
                    // content_index.push({index_content:index_content, keyword_len:keyword_len});
                  }
                });
              } else {
                isMatch = false;
              }
              // 0x05. show search results
              if (isMatch) {
                str += "<li><a href='" + data_url + "' class='search-result-title'>" + orig_data_title + "</a>";
                var content = orig_data_content;
                if (first_occur >= 0) {
                  // cut out 100 characters
                  var start = first_occur - 20;
                  var end = first_occur + 80;

                  if (start < 0) {
                    start = 0;
                  }

                  if (start == 0) {
                    end = 100;
                  }

                  if (end > content.length) {
                    end = content.length;
                  }

                  var match_content = content.substr(start, end);

                  // highlight all keywords
                  keywords.forEach(function (keyword) {
                    var regS = new RegExp(keyword, "gi");
                    match_content = match_content.replace(regS, "<span class=\"search-keyword\">" + keyword + "</span>");
                  });

                  str += "<p class=\"search-result-abstract\">" + match_content + "...</p>"
                }
                str += "</li>";
              }
            });
            str += "</ul>";
            if (str.indexOf('<li>') === -1) {
              return $resultContent.innerHTML = "<ul><span class='local-search-empty'>No result<span></ul>";
            }
            $resultContent.innerHTML = str;
          });
        },
        error: function(xhr, status, error) {
          $resultContent.innerHTML = ""
          if (xhr.status === 404) {
            $resultContent.innerHTML = "<ul><span class='local-search-empty'>The search.xml file was not found, please refer to：<a href='https://github.com/zchengsite/hexo-theme-oranges#configuration' target='_black'>configuration</a><span></ul>";
          } else {
            $resultContent.innerHTML = "<ul><span class='local-search-empty'>The request failed, Try to refresh the page or try again later.<span></ul>";
          }
        }
      });
      $(document).on('click', '#search-close-icon', function() {
        $('#search-input').val('');
        $('#search-result').html('');
      });
    }

    var getSearchFile = function() {
        var path = "/search.xml";
        searchFunc(path, 'search-input', 'search-result');
    }
  </script>




        
  <div class="tools-bar-item theme-icon" id="switch-color-scheme">
    <a href="javascript: void(0)">
      <i id="theme-icon" class="iconfont icon-moon"></i>
    </a>
  </div>

  
<script src="/js/colorscheme.js"></script>





        
  
    <div class="share-icon tools-bar-item">
      <a href="javascript: void(0)" id="share-icon">
        <i class="iconfont iconshare"></i>
      </a>
      <div class="share-content hidden">
        
          <a class="share-item" href="https://twitter.com/intent/tweet?text=' + %E5%85%B3%E4%BA%8E%E8%AF%BB%E7%A0%94or%E5%B0%B1%E4%B8%9A%EF%BC%8C%E8%BF%98%E6%9C%89%E7%90%86%E6%83%B3 + '&url=' + https%3A%2F%2Fghostasky.github.io%2F2022%2F07%2F12%2F2022-7-12%2F + '" target="_blank" title="Twitter">
            <i class="iconfont icon-twitter"></i>
          </a>
        
        
          <a class="share-item" href="https://www.facebook.com/sharer.php?u=https://ghostasky.github.io/2022/07/12/2022-7-12/" target="_blank" title="Facebook">
            <i class="iconfont icon-facebooksquare"></i>
          </a>
        
      </div>
    </div>
  
  
<script src="/js/shares.js"></script>



      </div>
    </div>
  </body>
</html>
